@extends('default.layouts.personalPublic')

@section('title', '个人账户中心测试')

@section('rightcon') 

<style type="text/css">
/***select菜单**/
.selectarea{border:#ccc 1px solid; height:30px; width:120px; line-height:30px;cursor:pointer; background:#fff; color:#696969; float:left; margin-left:10px;}
.selectarea span{float:left; height:30px; width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.selectarea span a{padding-left:6px; height:30px; text-decoration: none}
.selectarea i{background:url("/default/images/icon/soselb.png") 0px -100px; width:10px; height:10px; margin-top:13px; float:right; margin-right:6px;}
.selectarea i.swap{background:url("/default/images/icon/soselb.png") -15px -100px;}

.selectareaOptions{position:absolute;border:#ccc 1px solid;background:#fff; z-index:555555555;}
.selectareaOptions ul{ float:left}
.selectareaOptions ul li.section{width:660px; border-bottom:#D3D3D3 1px dashed;cursor:auto; color:#333}
.selectareaOptions ul li.section a{cursor:auto;}
.selectareaOptions ul li{ color:#2139AD; height:32px; line-height:32px; cursor:pointer; width:110px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.selectareaOptions ul li a{padding-left:6px; padding-right:6px; text-decoration: none}
.selectareaOptions ul li.selected{ background:#E3E3E3; color:#575757}

</style>
        <select id="testgoo">
          <option value="1">选一</option>
          <option value="2">先二</option>
          <option value="3">选三</option>
        </select>{{$ssss or ''}}
    <div class="right">
        <div id="test1" style="width:500px; float: left; height: 500px; padding:5px;">
            <input id="testin" name="testin" type="hidden">
            <div id="testin_select" class="select"><span><a>请选择</a></span><i></i></div>
        </div>
        

        <form id="aaaaa" name="aaaaa">
            <div id="test1" style="width:500px; float: left; height: 500px; padding:5px;">
                <input id="testin" name="testin" type="hidden" value="5211111111111111">
                <div id="testin_select" class="select"><span><a>请选择</a></span><i></i></div>
            </div>
        </form>
        
        <div id="test2" style="width:500px; float: left; height: 500px; padding:5px;">
            <input id="testin2" name="testin2" type="hidden">
            <div id="testin2_select" class="select"><span><a>请选择</a></span><i></i></div>
        </div>
        
        <input id="address" name="address" type="test">
        <div id="test2" style="width:800px; float: left; height: 500px; padding:5px;">
            <input id="province" name="province" type="hidden">
            <div id="province_select" class="selectarea"><span><a>省-不限</a></span><i></i></div>
            <input id="area" name="area" type="hidden">
            <div id="area_select" class="selectarea"><span><a>地级市-不限</a></span><i></i></div>
            <input id="city" name="city" type="hidden">
            <div id="city_select" class="selectarea"><span><a>县市区-不限</a></span><i></i></div>
        </div>
    </div>
    <form action="" method="post" >
    {!! csrf_field() !!}
    <input type="text" name="abc[]">
    <input type="text" name="abc[]">
    <input type="text" name="abc[]"><input type="submit">
    </form>
    
@endsection
@section('footerjs')
    @parent
    <script type="text/javascript" src="{{asset('/default/js/jquery/jquery.select.area.js')}}"></script>
    <script type="text/javascript">
    var indextype = [
        {"value":1,"text":"全文"},
        {"value":2,"text":"职位"},
        {"value":3,"text":"公司"}
    ]

    var vsss=$("#testin").select({
        optionData:indextype,
        callback:function(val,text){
            alert("111您选择了"+val);
        },
        defaults:null,
        //defaultFill:[{"value": '', "text": "语言类型"}],
        //css:'indexOptions',
        //selectWidth: 300,//菜单按扭的宽
        //selectHeight: 40//菜单按扭的高
        //offset:Array(0,1)
    });


	//alert($("#test1").outerHeight(true));

    var jsontest = [{"value":0,"text":"全文1"},
        {"value":1,"text":"职位1",selected:true},
        {"value":2,"text":"公司1"},
        {"value":5,"text":"段点",section:true},
        {"value":9,"text":"文1"}
    ]
    jsontest=jsontest.concat([{"value":0,"text":"全文2"},
        {"value":1,"text":"职位2",selected:true},
        {"value":2,"text":"公司12"},
        {"value":5,"text":"段点2",section:true},
        {"value":9,"text":"文12"}
    ]);
    //vsss.resetOptions(jsontest);
	//vsss.resetOptions(indextype);
    //vsss.resetSelected(2);
   // $("#testin_select").trigger("click");
   
	$("#address").selectArea({
		'province':$('#province'),
		'area':$('#area'),
		'city':$('#city'),
		'selected':"320411",
		'provinceNull':true,
		'areaNull':true,
		'cityNull':true
	});
	
	var vsss2=$("#testin2").select({
        optionData:indextype,
        callback:function(val,text){
            alert("您选择了"+val);
        }
        //css:'indexOptions',
        //selectWidth: 300,//菜单按扭的宽
        //selectHeight: 40//菜单按扭的高
        //offset:Array(0,1)
    });


    var vsss3=$("#aaaaa #testin").select({
        optionData:indextype,
        callback:function(val,text){
            if(val='sel'){

            }
        }
        //css:'indexOptions',
        //selectWidth: 300,//菜单按扭的宽
        //selectHeight: 40//菜单按扭的高
        //offset:Array(0,1)
    });
	
	$("#testgoo").val('');
    </script>
@endsection
